<template>
  <div>
    <div class="test">测试</div>
  </div>
</template>
<script setup lang="ts"></script>

<style scoped lang="scss">
/* 移动端布局 */
@media screen and (max-width: 1023.99px) {
  .test {
    color: red;
  }
}

/* pc端布局 */
@media screen and (min-width: 1024px) {
  .test {
    color: skyblue;
  }
}
</style>
